你們好!今天是鐵人賽的第20天，距離結束挑戰比賽還剩10天喔!各位加把勁完賽喔!
今天要說的是form-switch和預設(堆疊)的狀態。

form-switch

<div class="form-check form-switch">
    <input class="form-check-input" type="checkbox" role="switch">
    <label class="form-check-label">預設未ON的switch</label>
</div>
<div class="form-check form-switch">
    <input class="form-check-input" type="checkbox" role="switch" checked>
    <label class="form-check-label">預設ON的switch</label>
</div>
<div class="form-check form-switch">
    <input class="form-check-input" type="checkbox" role="switch" disabled>
    <label class="form-check-label">屬性隱藏預設未ON的switch</label>
</div>
<div class="form-check form-switch">
    <input class="form-check-input" type="checkbox" role="switch" checked disabled>
    <label class="form-check-label">屬性隱藏預設ON的switch</label>
</div>

預設(堆疊)checkbox

<div class="form-check">
    <input class="form-check-input" type="checkbox">
    <label class="form-check-label">checkbox</label>
</div>
<div class="form-check">
    <input class="form-check-input" type="checkbox" checked>
    <label class="form-check-label">預設勾選checkbox</label>
</div>

預設(堆疊)radio

<div class="form-check">
    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
    <label class="form-check-label" for="exampleRadios1">Default radio</label>
</div>
<div class="form-check">
    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
    <label class="form-check-label" for="exampleRadios2">Second default radio</label>
</div>
<div class="form-check">
    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3" disabled>
    <label class="form-check-label" for="exampleRadios3">屬性隱藏的radio</label>
</div>

預設是堆疊的情況下，同樣任意數量的核取方塊和選項按鈕將垂直堆疊，form-check間會適當間隔。

今天鐵人賽就這麼結束囉!bye~我們明天見:)